{extend name="public/common"}

{block name="style"}
<title>点对点教育VIP学员_信息录入</title>
<link rel="stylesheet" href="__HOME__/css/test/school.css">
<style>
    .top {
        width: 100%;
        height: 50px;
        font-size: 28px;
        color: #64a052;
        padding-top: 1.2vw;
        text-align: center;
    }
    .top img {
        width: 30px;
        margin-top: 10px;
    }
    .img{
        width: 54vw;
        height:10vw;
        background: #d0d0d657;
        border-radius: 5px;
        color: #f53131;
        border: 1px solid #d0d0d657;
        margin: 25vw auto 4vw auto;
        text-align: center;
        font-size: 2rem;
        padding-top: 0.8vw;
        box-shadow: 0 0 1.6vw #d0d0d657;
    }
    .pass{
        width: 54vw;
        height:10vw;
        background: #d0d0d657;
        border-radius: 5px;
        color: #64a052;
        border: 1px solid #d0d0d657;
        margin: 25vw auto 4vw auto;
        text-align: center;
        font-size: 2rem;
        padding-top: 0.8vw;
        box-shadow: 0 0 1.6vw #d0d0d657;
    }
    .sweet-alert h2 {
        color: #847d7d8f;
        font-size: 27px;
    }
    .list ul li {
        border-bottom: 1px solid #f1f1f1;
        font-size: 1.6rem;
        padding: 3vw 1.2vw 3vw 1.2vw;
        overflow: hidden;
    }
    .mui-table-view-cell>a:not(.mui-btn) {
        font-size: 1.36rem;
        margin: 2vw;
        text-align: center;
        white-space: pre-wrap;
    }
    .mui-popover .mui-table-view{
        text-align: center;
    }
    #openPopover {
        color: #333;
        font-size: 1.5rem;
        width: 80%;
        float: right;
        text-align: left;
    }
    #openPopover1 {
        color: #333;
        font-size: 1.5rem;
        width: 75%;
        float: right;
        text-align: left;
    }
    #openPopover2 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover3 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover4 {
        color: #333;
        font-size: 1.4rem;
        width: 70%;
        float: right;
        text-align: left;
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    #openPopover5 {
        color: #333;
        font-size: 1.5rem;
        width: 75%;
        float: right;
        text-align: left;
    }
    #openPopover6 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover7 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover8 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover9 {
        color: #333;
        font-size: 1.3rem;
        width: 70%;
        float: right;
        text-align: left;
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    #openPopover20 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover21 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover22 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover23 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
    }
    #openPopover10 {
        color: #333;
        font-size: 1.3rem;
        width: 70%;
        float: right;
        text-align: left;
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    #openPopover11 {
        color: #333;
        font-size: 1.3rem;
        width: 70%;
        float: right;
        text-align: left;
        white-space: normal;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    #openPopover12 {
        color: #333;
        font-size: 1.5rem;
        width: 70%;
        float: right;
        text-align: left;
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    .list ul li input[type="text"],input[type="number"] {
        border: none;
        margin-bottom: 0;
        width: 65%;
        text-align: left;
        right: 0;
        padding: 2vw 0 0 0;
        -webkit-user-select: text;
        -user-select: text;
    }
    .a{
        -webkit-appearance: checkbox;
        display: inline-block;
        width:5.5vw;
        height:5.5vw;
    }
    .goreviews {
        width: 54vw;
        height: 10vw;
        border-radius: 5px;
        margin: 3vw auto 0 auto;
        text-align: center;
        font-size: 1.6rem;
        line-height: 10vw;
        color: #ec7f6a;
        background-color: #fff;
    }
    .modal-content{background-color:#fff;width: 95%;
        height:70vh;overflow: scroll;}
    #myModalLabel{text-align: center;font-size: 22px;}
    #myModal{overflow-x: hidden;position: fixed;background: #0404047a}
    .modal-header{
        padding:15px 0 0 0;
    }
    .modal-body{
        padding:3px 15px 15px 15px;
    }
    .modal-body p{
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #000;
    }
    .modal-body span{
        font-size: 14px;
        color: #454546;
    }
    .modal-footer{
        border:0;
        padding:0;
    }
    .modal-footer .btn{
        width:100%;
        height:9vw;
        border-radius: 15px;
        background:#64a052;
        color:#ffffff;
        padding: 1vw;
        text-align: center;
        font-size: 1.8rem;
        margin-bottom:4vw;
    }
    .modal-dialog{
        margin-top:5vw
    }
    #modalBody{
        width:90.33vw;
        height:140.3vw;
        overflow-x:hidden
    }
    .modals{
        display: block;
    }
</style>
{/block}

{block name="body"}
<div class="top">
    <img src="__HOME__/images/sign/pen.png">
    学员信息录入
</div>
<div class="main">
    <div class="list">
        <ul>
            <li class="type1 address">
                <span style="color: red">* </span>分校：
                <div id="openPopover" ><p>{$info.fx}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>班主任：
                <div id="openPopover1" ><p>{$info.bzr}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>考试年份：
                <div id="openPopover2" ><p>{$info.ksnf}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>报班项目：
                <div id="openPopover3" ><p>{$info.bbxm}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>报班类型：
                <div id="openPopover4"><p>{$info.bblx}</p></div>
            </li>
            <li class="type1 time">
                <span style="color: red">* </span>报名时间：
                <input type="text" style="font-size: 15px" placeholder="请输入报名时间" name="time" value="{$info.time|time_format='Y年m月d日 H:i'}"  readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>性别：
                <div id="openPopover5" ><p>{$info.xb}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>入学年份：
                <div id="openPopover6"><p>{$info.rxnf}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>所属院校：
                <div id="openPopover8"><p>{$info.xx_dq}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover9" ><p>{$info.xx_mc}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover10" ><p>{$info.xx_xy}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover11"><p>{$info.xx_zy}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>目标院校：
                <div id="openPopover20"><p>{$info.mb_dq}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover21" ><p>{$info.mb_mc}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover22" ><p>{$info.mb_xy}</p></div>
            </li>
            <li class="type1 address">
                <div id="openPopover23"><p>{$info.mb_zy}</p></div>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>应收金额（元）：
                <input type="number" placeholder="请输入应收金额" name="money" value="{$info.money}" style="width: 50%" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>VIP编号：
                <input type="text" placeholder="请输入VIP编号" name="vip" value="{$info.vip}" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>姓名：
                <input type="text" placeholder="请输入姓名" name="name" value="{$info.name}" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>电话：
                <input type="number" placeholder="请输入电话" name="tel" value="{$info.tel}" style="width: 75%" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>QQ：
                <input type="number" placeholder="请输入QQ" name="qq" value="{$info.qq}" style="width: 75%" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>家长姓名：
                <input type="text" placeholder="请输入家长姓名" name="old" value="{$info.jzxm}" style="width: 65%" readonly>
            </li>
            <li class="type1 address">
                <span style="color: red">* </span>家长电话：
                <input type="number" placeholder="请输入家长电话" name="oldtel" value="{$info.jzdh}" style="width: 65%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>四级笔试成绩：
                <input type="number" name="write_f" {empty name="$info.sjbs"} placeholder="暂无" {else/} value="{$info.sjbs}" {/empty} style="width: 57%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>四级口语成绩：
                <input type="number" {empty name="$info.sjky"} placeholder="暂无" {else/} value="{$info.sjky}" {/empty} name="say_f" style="width: 57%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>六级笔试成绩：
                <input type="number" {empty name="$info.ljbs"} placeholder="暂无" {else/} value="{$info.ljbs}" {/empty} name="write_s"  style="width: 57%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>六级口语成绩：
                <input type="number" {empty name="$info.ljky"} placeholder="暂无" {else/} value="{$info.ljky}" {/empty} name="say_s"  style="width: 57%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>国家计算机等级考试：
                <input type="text" {empty name="$info.jsj"} placeholder="暂无" {else/} value="{$info.jsj}" {/empty} name="comp"  style="width: 41%" readonly>
            </li>
            <li class="type1 address">
                <span style="margin-left: 2vw"></span>QQ群：
                <div id="openPopover7" ><p>{$info.qqq}</p></div>
            </li>
            {notempty name="info.qqqs"}
            <li class="qq" style="height: 50vw;padding: 0 2vw;">
                {volist name="info.qqqs" id='qq'}
                <span>
                    {$qq}
                    <input type="checkbox"  name="words" class="a" checked disabled>、
                </span>
                {/volist}
            </li>
            {/notempty}
            <li style="height: 68vw;padding: 0 2vw;">
                <span style="color: red">* </span>学习计划：
                <div>
                    <textarea style="font-size: 1.5rem;width: 100%;background-color: #fff" placeholder="请输入学习计划..." name="study" rows="7" disabled>{$info.study}</textarea>
                </div>
            </li>
            <li class="type1 address" >
                <span style="color: red">* </span>抄送给：
                <a id="openPopover12" ><p>{$info.teacher}</p></a>
            </li>
        </ul>
    </div>
    {switch name="$info.status"}
        {case value="0"}<div class="img">待确认</div>{/case}
        {case value="1"}
             <div class="pass">已确认</div>
             {eq name="$is" value="1"}
             <a href="{:url('School/sign?id='.$info['id'])}" class="goreviews" style="display: block;color: #ec7f6a">~~ 查看批阅 ~~</a>
             {/eq}
        {/case}
    {/switch}
    <a href="{:url('School/restart?id='.$info.id)}" class="goreview" style="display: block;color: #64a052">我要重新填写 >>></a>
</div>

<div class="showbox">
    <div class="loader">
        <svg class="circular" viewBox="25 25 50 50">
            <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/>
        </svg>
    </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal fade in" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="margin:6vw auto" id="modalBody">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    <b>点对点教育VIP学员入学须知</b>
                </h4>
            </div>
            <div class="modal-body">
                <h4>
                    <p>亲爱的点对点VIP学员：</p>
                    <span>&emsp;&emsp;欢迎你加入点对点教育VIP大家庭！在未来的学习道路中，我们点对点教育的工作人员和老师将时时刻刻陪伴你走向考研成功的道路，感谢你和你的家长对点对点教育的信任。为使你顺利办理入学手续及提前了解自己所报班型的服务细节，现将有关事项告知如下：</span><br>
                    <p>一、新学员入学</p>
                    <span>&emsp;&emsp;新学员入学时需记住所分配到的学员编码，并接受班主任老师的新生入学指导，有问题要及时反映。 </span><br>
                    <p>二、新学员需添加分校咨询师、班主任等相关负责人的联系方式</p>
                    <span>&emsp;&emsp;新学员在添加相关负责人联系方式时需要备注“编号_姓名_学校”，以便分校老师快速有效的进行针对性服务。</span><br>
                    <p>三、新学员需要加入考研VIP微信群、QQ群</p>
                    <span>&emsp;&emsp;新学员在加入考研VIP微信群、QQ群后，需及时修改自己的备注为“分校编号和简称_VIP编号_姓名”，例如：“01科院_VIP190001_李红”，三天如不修改备注，则会被群主或管理员移出，修改备注后再由班主任拉入学习群。</span><br>
                    <p>四、新学员书籍及资料领取</p>
                    <span>&emsp;&emsp;新学员需及时在分校班主任处领取自己课程相关的教材用书，并在微信学员服务资料领取中点击确认，未及时领取的书籍，联系班主任及时领取。在课程开始过程中，书籍如有丢失或损坏，需学员自行到班主任处购买。</span><br>
                    <p>五、新学员需遵守分校咨询师及班主任对自己的学习要求 </p>
                    <span>&emsp;&emsp;新学员需要认真遵守分校咨询师及班主任对自己的学习要求，及时完成早起签到、日总结提交、作业提交、按时参加点对点教育提供的考试、测验并提交成绩给班主任老师等要求，如三次未完成，则由班主任老师或分校咨询师沟通家长，共同促进学员完成学习任务。</span><br>
                    <p>六、学员上课签到</p>
                    <span>&emsp;&emsp;学员在课程开始后要严格遵守学习纪律，每次上课前需本人签到，不得迟到、早退、旷课。如有特殊情况，需在班主任处领取请假条，填写好后给分校咨询师和班主任确认即可。</span><br>
                    <span>&emsp;&emsp;旷课三次按协议处理（请假三次算一次旷课），考试后不退相关费用。请学员务必紧记！！！</span><br>
                    <span>&emsp;&emsp;点对点教育一贯秉承着“一切为了学生”的原则，致力于尽最大的努力好好服务学员，携手成长、共同进步，最终走向成功。希望新学员在入学后，坚定自己的学习目标，不松懈、不放弃，积极配合点对点教育的学习辅导，完成学习任务，达到我们都想要的结果。最后，再一次感谢各位学员及家长给予我们的关注及信任。</span><br><br>
                    <span style="float: right">点对点教育</span><br>
                </h4>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">同意并遵守相关规定</button>
            </div>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
    $('title' ).text('点对点教育VIP学员_信息录入');
    $(".showbox").hide();
    var scan = "{$scan}";
    if (scan == 1){
        $('.modal').removeClass('modals');
    }else{
        $('.modal').addClass('modals');
    }
    var userid = "{$userid}";
    $(".btn").click(function(){
        $('#myModal').modal('hide');
        $('#myModal').removeClass('modals');
        $.ajax({
            type:"post",
            url: "{:Url('School/play')}",
            data:{userid:userid},
            success:function(data){
                if (data.code == 0){
                    alert('网络错误，请重试~');
                }
            }
        });
    });
    //关闭分享
    function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');
    }
    if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
        } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
        }
    } else {
        onBridgeReady();
    }
</script>
{/block}